<style type="text/css">


.sort_frame{ width:200px;border:#AACCEE solid 1px; }
.sort_top{ height:33px;  background:url("{$bg_pic_url}image/about.jpg") repeat scroll 0 0 transparent;}
.sort_name{ width:170px; height:33px; line-height:33px;padding-left:13px; float:left;font-family:"宋体"; font-size:14px; color:#484848;font-weight:bold;}

#sort_body{margin:10px;text-align:center;line-height:25px;width:180px;padding:0;list-style:none;font-size:14px;}
.sort_title{ background:url("{$bg_pic_url}image/about.jpg") repeat scroll 0 0 transparent;color:#555555;border-bottom:1px solid #fff;cursor:pointer;height:30px;font-size:15px;}
.sort_title1{background:url("{$bg_pic_url}image/about.jpg") repeat scroll 0 0 transparent;color:#555555;border-bottom:1px solid  #fff;cursor:pointer; height:30px;font-size:15px;}
.sort_content li{color:#336699;background:#fff;border-bottom:1px dashed #AACCEE; height:30px;}
.sort_content li a{ display:block; text-decoration:none;padding:2px; color:#555555;}
.sort_content li a:hover{background:url("{$bg_pic_url}image/about.jpg") repeat scroll 0 0 transparent; text-decoration:none;color:#555555;}

   
</style>

     
<script language = JavaScript>
function showmenu1(id) { 
	var list = document.getElementById("sort_list"+id);
	var menu = document.getElementById("sort_menu"+id);	
	if (list.style.display=="none") 
	{		
		document.getElementById("sort_list"+id).style.display="block";
		menu.className = "sort_title1";		
	}else 
	{
		document.getElementById("sort_list"+id).style.display="none";
		menu.className = "sort_title";		
	}
} 
</script>  
  <div class="sort_frame">
       
        <div class="sort_top">
            <div class="sort_name">产品分类/product
            </div>
        </div>
          
       <div id="sort_body">		
		   <div class="sort_title" id="sort_menu1" onclick="showmenu1('1');">Ajax下载</div>
		   <div id="sort_list1" class="sort_content">
		     <ul>
			 <li><a href="">jQuery</a></li>
			 <li><a href="">Extjs</a></li>
			 <li><a href="">Mootools</a></li>
			 </ul>
		   </div>	
		   <div class="sort_title" id="sort_menu2" onclick="showmenu1('2');">网页代码</div>
		   <div id="sort_list2" class="sort_content" style="display:none">
			 <ul>
			 <li><a href="">菜单导航</a></li>
			 <li><a href="">层和布局</a></li>
			 <li><a href="">图片切换</a></li>
			 </ul>
		   </div>	
  
           <div class="sort_title" id="sort_menu3" onclick="showmenu1('3');">网页代码</div>
		   <div id="sort_list3" class="sort_content" style="display:none">
			 <ul>
			 <li><a href="">菜单导航</a></li>
			 <li><a href="">层和布局</a></li>
			 <li><a href="">图片切换</a></li>
			 </ul>
		   </div>	  
        
        
       </div> 
 </div> 